<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>上海市嘉定区人民法院</title>
		<script type="text/javascript" src="js/jquery-1.4.2.js"></script>
		<script language="javascript">
			function load(){
				var date = new Date();
				var month = new Date();
				var year = new Date();
				var day = year.getYear()+"年"+(month.getMonth()+1)+"月"+date.getDate()+"日";
				$("#showdate").html(day+"<br/>天气预报：晴转多云 30°C");
				$("#showinfo").html("<font color='white' size='2' style='margin-left: 0px'>上海市嘉定区人民法院&nbsp;&nbsp;&nbsp;&nbsp;版权所有<br/>Copyrights (c) ASAweb 2012. All rights reserved.</font>");
				$("#showselect").html("<select style='background-color: #aaaaaa;width:100px;text-aligh:center'><option value='zero' selected='selected' style='text-aligh:center'>友情链接</option><option value='one'>one</option><option value='two'>two</option><option value='three'>three</option></select>");
			}
			
			function search()
			{
				alert("Enter search mode.");
			}
			
			
		</script>

	</head>

	<body bgcolor="#90bcd1" topmargin="0px" leftmargin="0px"
		rightmargin="0px">
		<table width="996" height="650" cellpadding="0" cellspacing="0"
			border="0" align="center"
			style="background-image: url('pic/background-g2.jpg'); background-repeat: no-repeat">
			<tbody>
				<tr>
					<td width="338" vAlign=top align=middle rowSpan=2>
						<div id="welcome">
							<img src="pic/WELCOME-g1.png"
								style="margin-left: 10px; margin-top: 10px" />
						</div>
						<div id="weather">
							<img src="pic/bg-white-2.png" style="filter:progid:DXImageTransform.Microsoft."/>
							<div id="showdate" align="center"
								style="margin-top: -50px; margin-left: 120px">
							</div>
							<script type="text/javascript">
							var date = new Date();
							var month = new Date();
							var year = new Date();
							var day = year.getYear()+"年"+(month.getMonth()+1)+"月"+date.getDate()+"日";
							$("#showdate").html(day+"<br/>天气预报：晴转多云 30°C");
						</script>
						</div>
						<div style="height: 120px">
						
						</div>
						<div>
						111
						</div>
						<div>
						</div>
					</td>
					<td width="656" vAlign=top align=middle rowSpan=2>
						<TABLE>
							<TBODY>
								<TR>
									<TD height=32></TD>
								</TR>
							</TBODY>
						</TABLE>
						<table cellpadding="0" cellspacing="0" border="0" width="640">
							<tbody>
								<tr>
									<td width="25">
									</td>
									<td>
										<div id="title">
											<a href="getBITitle.action"><img border="0"
													src="pic/title1.png"
													onmousemove="change_opacity(this,'down')"
													onmouseout="change_opacity(this,'up')"
													style="filter: alpha(opacity =       100);" /> </a>&nbsp;&nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;&nbsp;
											<img src="pic/title2.png"
												onmousemove="change_opacity(this,'down')"
												onmouseout="change_opacity(this,'up')"
												style="filter: alpha(opacity =       100);" />
											&nbsp;&nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;&nbsp;
											<img src="pic/title3.png"
												onmousemove="change_opacity(this,'down')"
												onmouseout="change_opacity(this,'up')"
												style="filter: alpha(opacity =       100);" />
											&nbsp;&nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;&nbsp;
											<img src="pic/title4.png"
												onmousemove="change_opacity(this,'down')"
												onmouseout="change_opacity(this,'up')"
												style="filter: alpha(opacity =       100);" />
											&nbsp;&nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;&nbsp;
											<img src="pic/title5.png"
												onmousemove="change_opacity(this,'down')"
												onmouseout="change_opacity(this,'up')"
												style="filter: alpha(opacity =       100);" />
											&nbsp;&nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;&nbsp;
											<img src="pic/title6.png"
												onmousemove="change_opacity(this,'down')"
												onmouseout="change_opacity(this,'up')"
												style="filter: alpha(opacity =       100);" />
											&nbsp;&nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;&nbsp;
											<img src="pic/title7.png"
												onmousemove="change_opacity(this,'down')"
												onmouseout="change_opacity(this,'up')"
												style="filter: alpha(opacity =       100);" />
											<script type="text/javascript">
var speed = 75;        //速度
var max_opacity = 100;  //最大
var min_opacity = 30;	//最小
var do_step  =  50;      //变化的幅度

	function change_opacity(obj,do_option)
	{
		if(obj.doing)
			clearInterval(obj.doing);
		obj.doing = setInterval(do_option+"_alpha("+obj.sourceIndex+")",speed);	
	}
	

	function down_alpha(obj_index)
	{
		var obj = document.all[obj_index];
		
		if(obj.filters.Alpha.Opacity > min_opacity )
		{
			obj.filters.Alpha.Opacity += -do_step;
		}	
		else
		{	
			clearInterval(obj.doing);
			obj.filters.Alpha.Opacity = min_opacity;
			obj.doing = false;
		}	
	}	
	function up_alpha(obj_index)
	{
		var obj = document.all[obj_index];
		
		if(obj.filters.Alpha.Opacity<max_opacity)
			obj.filters.Alpha.Opacity += do_step;
		else
		{	
			clearInterval(obj.doing);
			obj.filters.Alpha.Opacity = max_opacity;
			obj.doing = false;
		}	
	}
	
</script>
										</div>
									</td>
								</tr>
							</tbody>
						</table>
						<TABLE>
							<TBODY>
								<TR>
									<TD height=70 width="640">
										<div id="showtitlelink">
										</div>
									</TD>
								</TR>
							</TBODY>
						</TABLE>
						<TABLE width="650">
							<TBODY>
								<TR>
									<TD height=500 width="30">
									</TD>
									<TD width="370" vAlign=top align=middle>
										<TABLE cellpadding="0" cellspacing="0" border="0">
											<TBODY>
												<TR>
													<TD width="350">
														<div id="newspic" style="float: left">
															<img src="pic/news.png" />
														</div>
														<div id="newsmore" style="float: right">
															<img src="pic/more.png" />
														</div>
													</TD>
												</TR>
												<tr>
													<td height="20">
													</td>
												</tr>
												<tr>
													<td width="350" vAlign=top align=middle>
														<div id="news">
															<span style="float: left">simple 1</span>
															<span style="float: right">date</span>
															<br />
															<span style="float: left">simple 2</span>
															<span style="float: right">date</span>
															<br />
															<span style="float: left">simple 3</span>
															<span style="float: right">date</span>
															<br />
															<span style="float: left">simple 4</span>
															<span style="float: right">date</span>
															<br />
															<span style="float: left">simple 5</span>
															<span style="float: right">date</span>
															<br />
															<span style="float: left">simple 6</span>
															<span style="float: right">date</span>
															<br />
															<span style="float: left">simple 7</span>
															<span style="float: right">date</span>
															<br />
															<span style="float: left">simple 8</span>
															<span style="float: right">date</span>
															<br />
															<span style="float: left">simple 9</span>
															<span style="float: right">date</span>
															<br />
															<span style="float: left">simple 10</span>
															<span style="float: right">date</span>
															<br />
															<span style="float: left">simple 11</span>
															<span style="float: right">date</span>
															<br />
															<span style="float: left">simple 12</span>
															<span style="float: right">date</span>
															<br />
															<span style="float: left">simple 13</span>
															<span style="float: right">date</span>
															<br />
															<span style="float: left">simple 14</span>
															<span style="float: right">date</span>
															<br />
															<span style="float: left">simple 15</span>
															<span style="float: right">date</span>
														</div>

													</td>
												</tr>
												<tr>
													<td height="40">
													</td>
												</tr>

												<tr>
													<td width="350" vAlign=top>
														<span style="float: left"> 便民利民 </span>
														<span style="float: right"> <img src="pic/more.png" />
														</span>
													</td>
												</tr>
												<tr>
													<td height="10">
													</td>
												</tr>
												<tr>
													<td width="350" vAlign=top align="left">
														<span> <img src="pic/bianminpic1.png" /> <img
																src="pic/bianminpic2.png" /> <img
																src="pic/bianminpic3.png" /> <img
																src="pic/bianminpic4.png" /> <img
																src="pic/bianminpic5.png" /> </span>
													</td>
												</tr>
											</TBODY>
										</TABLE>

									</TD>
									<TD height=500 width="240" vAlign=top align=middle>
										<table width="230" cellpadding="0" cellspacing="0" border="0">
											<tbody>
												<tr>
													<td height="70">
													</td>
												</tr>
												<tr>
													<td vAlign=top height="170">
														<img src="pic/earth.png" />
														<div align="center" style="margin-top: -140px">
															<div>
																<img src="pic/bg-small.png" />
															</div>
															<div align="center" style="margin-top: -60px">
																<img src="pic/gonggao.png" />
															</div>
															<div align="center" style="margin-top: 10px">
																<img src="pic/gonggao.png" />
																&nbsp;&nbsp;&nbsp;&nbsp;
																<img src="pic/gonggao.png" />
																&nbsp;&nbsp;&nbsp;&nbsp;
																<img src="pic/gonggao.png" />
															</div>
														</div>
													</td>
												</tr>
												<tr>
													<td height="120" align="center">
														<img src="pic/connect.png" />
													</td>
												<tr>
													<td align="center">
														<span style="float: left; margin-left: 20px">法官形象</span>
														<span style="float: right; margin-right: 20px">PHOTO</span>
														<img src="pic/finalpic.png" />
													</td>
												</tr>
											</tbody>
										</table>
									</TD>
								</TR>
							</TBODY>
						</TABLE>
					</td>
				</tr>
			</tbody>
		</table>
		<table width="996" height="100" cellpadding="0" cellspacing="0"
			border="0" align="center" background="pic/bottom.png">
			<tbody>
				<tr>
					<td width="330" style="text-align: center">
						<font color="white">查询信息</font>&nbsp;&nbsp;
						<input type="text" value="" />
						&nbsp;&nbsp;
						<img src="pic/go.png" onclick="search()" />
					</td>
					<td width="330">
						<div id="showinfo" style="text-align: center">
							<font color='white' size='2'>上海市嘉定区人民法院&nbsp;&nbsp;&nbsp;&nbsp;版权所有<br />Copyrights
								(c) ASAweb 2012. All rights reserved.</font>
						</div>
					</td>
					<td width="330" align="right">
						<div id="showselect" style="margin-right: 30px; float: right">
							<select
								style='background-color: #aaaaaa; width: 100px; text-aligh: center'>
								<option value='zero' selected='selected'
									style='text-aligh: center'>
									友情链接
								</option>
								<option value='one'>
									one
								</option>
								<option value='two'>
									two
								</option>
								<option value='three'>
									three
								</option>
							</select>
						</div>

					</td>
				</tr>
			</tbody>
		</table>


	</body>
</html>
